<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cooly</title>
	<link rel="icon shortcut" href="cooly.ico">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="style/fontStyle.css">
	<link rel="stylesheet" href="style/webStyle.css">
</head>


<body>
	<!-- 标题栏 -->
	<header>
		<div id='button'>菜单</div>
		<ul class="left">
			<li><a href="index.html">HOME</a></li>
			<li><a href="works.html">WORKS</a></li>
			<li><a href="about.html">ABOUT</a></li>
			<li><a href="blog.html">BLOG</a></li>
			<li><a href="contect.html">CONTECT</a></li>
		</ul>

		<ul class="right">
			<li id='weixin'>weixin
				<img src="image/weixin.jpg" alt="微信">
			</li>

			<li id="weibo">weibo
				<img src="image/weibo.jpg" alt="微博">
			</li>
		</ul>


	</header>

	<!-- 主体 -->
	<article>
			<dl>
				<dd>
					<img src="image/weibo.jpg" alt="产品一">
					<div class="info">
						<h4>个人博客模版</h4>
						<p class="intr">
							<b>简介:</b><span>一个传说的</span>
						</p>
						
							<button>阅读</button>
							<div class="charge">
								<button>顶(<span>0</span>)</button>
							<button>踩(<span>0</span>)</button>	
							</div>		
						<h6 class='mark'>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
						</h6>
							
					</div>
				</dd>
				
				<dd>
					<img src="image/weibo.jpg" alt="产品一">
					<div class="info">
						<h4>个人博客模版</h4>
						<p class="intr">
							<b>简介:</b><span>一个传说的</span>
						</p>
						
							<button>阅读</button>
							<div class="charge">
								<button>顶(<span>0</span>)</button>
								<button>踩(<span>0</span>)</button>
							</div>		
						<h6 class='mark'>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
						</h6>
							
					</div>
				</dd>

				<dd>
					<img src="image/weibo.jpg" alt="产品一">
					<div class="info">
						<h4>个人博客模版</h4>
						<p class="intr">
							<b>简介:</b><span>一个传说的</span>
						</p>
						
							<button>阅读</button>
							<div class="charge">
								<button>顶(<span>0</span>)</button>
							<button>踩(<span>0</span>)</button>	
							</div>		
						<h6 class='mark'>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
						</h6>
							
					</div>
				</dd>

				<dd>
					<img src="image/weibo.jpg" alt="产品一">
					<div class="info">
						<h4>个人博客模版</h4>
						<p class="intr">
							<b>简介:</b><span>一个传说的</span>
						</p>
						
							<button>阅读</button>
							<div class="charge">
								<button>顶(<span>0</span>)</button>
							<button>踩(<span>0</span>)</button>	
							</div>		
						<h6 class='mark'>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
						</h6>
							
					</div>
				</dd>

				<dd>
					<img src="image/weibo.jpg" alt="产品一">
					<div class="info">
						<h4>个人博客模版</h4>
						<p class="intr">
							<b>简介:</b><span>一个传说的</span>
						</p>
						
							<button>阅读</button>
							<div class="charge">
								<button>顶(<span>0</span>)</button>
							<button>踩(<span>0</span>)</button>	
							</div>		
						<h6 class='mark'>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
						</h6>
							
					</div>
				</dd>

				<dd>
					<img src="image/weibo.jpg" alt="产品一">
					<div class="info">
						<h4>个人博客模版</h4>
						<p class="intr">
							<b>简介:</b><span>一个传说的</span>
						</p>
						
							<button>阅读</button>
							<div class="charge">
								<button>顶(<span>0</span>)</button>
							<button>踩(<span>0</span>)</button>	
							</div>		
						<h6 class='mark'>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
							<span>创意</span>
							<span>原创</span>
						</h6>
							
					</div>
				</dd>
			</dl>

			<p class="page"><a href=""><</a><a href="">1</a><a href="">2</a><a href="">3</a><a href="">4</a><a href="">5</a><a href="">6</a><a href="">7</a><a href="">></a></p>
			
	</article>

	<!--  底部 -->
	<footer>
		<p>DESIGN BY 麦仔1994</p>
		<p>© cooly  京ICP备16039957号</p>
	</footer>
</body>


</html>